.fade-enter-active,
.fade-leave-active {
    transition: all .3s;
}

.fade-enter-from {
    opacity: 0;
}

.fade-leave-to {
    opacity: 0;
}

.translate-enter-active,
.translate-leave-active {
    transition: all .3s;
}

.translate-enter-from {
    transform: translateX(-30px);
    opacity: 0;
}

.translate-leave-to {
    transform: translateX(30px);
    opacity: 0;
}

.scale-enter-active,
.scale-leave-active {
    transition: all .3s;
}

.scale-enter-from {
    transform: scale(0.8);
    opacity: 0;
}

.scale-leave-to {
    transform: scale(0.8);
    opacity: 0;
}